<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>我的</title>
    <link href="../fonts/iconfont.css">
</head>

<body class="dpflex fdc ">
    <!-- 头部 -->
    <div class="content flex1 overflowy">
        <!-- 头部 -->
        <div class="info">
            <a href="./personal.html" class="dpflex just-between info-link">
                <img id="headImg" class="head-img mr16" src="../img/headerPic.jpg" alt="">
                <span id="nickName" class="nick-name flex1"></span>
                <i class="iconfont zp-right"></i>
            </a>
            <p class="sign mt8">个性签名: <span id="signText"></span> </p>
        </div>
        <input type="file" id="upload" class="upload">
    
    <!-- 内容 -->
    <div class="main">
    <!-- 运动数据 -->
    <div class="data ">
        
        <p class="motion  "> <span class="iconfont zp-data"></span>&nbsp;运动数据</p>  
        <span class="iconfont zp-right"></span>
        <p class="Total">总运动</p>
        <p class="pwdnumber"> <span class="number">99999</span>分钟</p>
        <p class="consume">本周消耗</p>
        <p class="pwdnumbers"><span class="numbers">99999</span>千卡</p>


    </div>
    <!-- 我的运动徽章 -->
    <div class="badge">
        <span class="iconfont zp-badge"></span>
        <p class="sports"> &nbsp;我的运动徽章</p>
        <span class="chapter1"><img src="../img/mybadge03.jpg" alt=""></span>
        <span class="chapter2"><img src="../img/mybadge06.jpg" alt=""></span>
        <span class="chapter3"><img src="../img/mybadge01.jpg" alt=""></span>
        
        </div>
        <!-- 推出按钮 -->
        <div class="btn">
            <button class="buttonbtn"  id="buttonbtn">退出登录</button>
        
        </div>
        
 </div>
</div>
    <!-- 底部导航栏 -->
    <footer class="footer" id="footer"></footer>


    <script src="https://cdn.bootcdn.net/ajax/libs/axios/0.21.1/axios.min.js"></script>
</body>

</html>